<template>
	<view class="user_info_style">
		<view style="font-size: 40rpx;font-weight: bold;margin-top: 20rpx;">提示</view>
		<view style="font-size: 30rpx;margin-top: 30rpx;">{{title}}</view>
		<view class="bottom_btn">
			<view class="cancle_style" @click="cancle">取消</view>
			<button class="authorization_style" open-type="share" @click="toShare">分享</button>
		</view>
	</view>
</template>

<script>
	var that = null;
	export default {
		data() {
			return {
				
			};
		},
		props:{
			title:{
				type:String,
				default :'每日分享一次才可以继续观看哦'
			},
			callback:{
				type:Function
			}
		},
		methods:{
			cancle(){
				this.callback('0');
			},
			toShare(){
				this.callback('1');
			}
		}
	}
</script>

<style lang="stylus" scoped>
	.user_info_style{
		width 500rpx;
		display flex;
		background-color #fff;
		flex-direction column;
		border-radius 10rpx;
		overflow hidden;
		text-align center;
		.bottom_btn{
			
			// border-top-color #eee;
			// border-style solid;
			// border-width 1rpx;
			display flex;
			margin-top 30rpx;
			padding-bottom 0rpx;
			bottom 0rpx;
			margin-bottom 0rpx;
			height 88rpx;
			line-height 88rpx;
			.cancle_style{
				flex 1;
				font-size: 30rpx;
				background-color #fff;
			}
			.authorization_style{
				flex 1;
				background-color #fff;
				font-size: 30rpx;
			}
		}
	}
</style>
